li{list-style:none;}
#head{width:100%;height:600px;overflow: hidden;}
#head ul{width:300%;height:600px;margin-top:0;padding:0;}
#head ul li{width:30%;height:590px;padding: 0;float:left;display: block;margin:0 1.66%;}
#head #listico{width: 100px;height:30px;position:absolute;margin:-10% 0 0 45%;z-index:2;}
#head #listico ul{display: block;width: 120px;height:30px;}
#head #listico ul li{width:30px;height:30px;float:left;display: block;font-size: 20px;color:white;margin-left: 5%;text-align: center;border-radius: 25%;padding-top: 4px;}
#head #turnleft{width:40px;height:100px;float: left;margin-top:-400px;margin-left:50px;position:relative;z-index: 1;border:none;}
#head #turnright{width:40px;height:100px;float: right;margin-top:-400px;margin-right:50px;position:relative;z-index: 1;border:none;}
#head #road #road-li-f{background-color: red;}
#head #road #road-li-s{background-color: yellow;}
#head #road #road-li-t{background-color: green;}
.class-blue{background: blue;}